@charset "UTF-8";

.index-column-content .column-content-1 {
     background-color: #00c37c;
 }
.index-column-content .column-content-2 {
    background-color: #de563b;
}
.index-column-content .column-content-3 {
    background-color: #d4a600;
}
.index-column-content .column-content-4 {
    background-color: #5579c8;
}
.index-column-content .column-content-5 {
    background-color: #05a6b0;
}
.index-column-content .column-content-6 {
    background-color: #9963d6;
}
.index-column-content .column-content-7 {
    background-color: #d66e30;
}
.index-column-content .column-content-8 {
    background-color: #22bc38;
}
.index-column-content a span {
    float: left;
    width: 74px;
    height: 72px;
    font-size: 10px;
    background: no-repeat center;
}
.index-column-content a {
    height:50px;
    margin-top: 10px;
}
.index-column-content a h6 {
    margin-left: 10px;
    line-height: 24px;
    width: 130px;
    float: left;
    font-size: 16px;
    color: #ffffff;
}
.index-column-content a span {
    float: left;
    width:50px;
    height:50px;
    font-size: 10px;
}
.index-column-content .column-content-1 span {
    background-image: url(../images/index_column_icon_1.png);
}
.index-column-content .column-content-2 span {
    background-image: url(../images/index_column_icon_2.png);
}
.index-column-content .column-content-3 span {
    background-image: url(../images/index_column_icon_3.png);
}
.index-column-content .column-content-4 span {
    background-image: url(../images/index_column_icon_4.png);
}
.index-column-content .column-content-5 span {
    background-image: url(../images/index_column_icon_5.png);
}
.index-column-content .column-content-6 span {
    background-image: url(../images/index_column_icon_6.png);
}
.index-column-content .column-content-7 span {
    background-image: url(../images/index_column_icon_7.png);
}
.index-column-content .column-content-8 span {
    background-image: url(../images/index_column_icon_8.png);
}
.index-column-content .column-content-1:hover {
    background-color: #00a86b;
}
.index-column-content .column-content-2:hover {
    background-color: #c44d35;
}
.index-column-content .column-content-3:hover {
    background-color: #ba9200;
}
.index-column-content .column-content-4:hover {
    background-color: #4969ad;
}
.index-column-content .column-content-5:hover {
    background-color: #058d96;
}
.index-column-content .column-content-6:hover {
    background-color: #7b50ad;
}
.index-column-content .column-content-7:hover {
    background-color: #bd5f2a;
}
.index-column-content .column-content-8:hover {
    background-color: #1da331;
}